layui.use(['layer', 'form', 'table', 'admin', 'ax', 'func','laydate','upload'], function () {
    var $ = layui.$;
    var layer = layui.layer;
    var form = layui.form;
    var table = layui.table;
    var $ax = layui.ax;
    var admin = layui.admin;
    var func = layui.func;
    var laydate = layui.laydate;
    var upload = layui.upload;

    //渲染时间选择框
    laydate.render({
        elem: '#timeLimit',
        range: true,
        tiger: 'click',
        // max: Feng.currentDate()
    });
    /**
     * 系统管理--消息管理
     */
    var Notice = {
        tableId: "noticeTable"    //表格id
    };
    // $("#bz").on("input",function(e){
    //     //获取input输入的值
    //     Notice.search();
    // });
    // form.on('select(btyBxdaId)', function(data){
    //     Notice.search();
    // });
    form.on('select(flag)', function(data){
        Notice.search();
    });
    form.on('select(status)', function(data){
        Notice.search();
    });
    /**
     * 选中行效果
     */
    table.on('row(noticeTable)',function(obj){
        $(obj.tr).siblings().css("background-color","");
        obj.tr.css({"background-color":"#dadad9"});
    });

    var  bxr=$("#xm").val();
    if(bxr==''||bxr == null){
        var languageAjax = new $ax(Feng.ctxPath + "/btyBxd/getBxrs");
        var languageResult = languageAjax.start();
        $.each(languageResult, function( index, val ) {
            $("#xm").append("<option value='"+val.xm+"'>"+val.xm+"</option>");
        } );
        form.render('select');
    }else{
        $("#xm").html("");
        $("#xm").append("<option value=''>全部</option>");
    }
    /**
     * 检索报销人
     */
    // var languageAjax = new $ax(Feng.ctxPath + "/btyBxd/getBxr");
    // var languageResult = languageAjax.start();
    // $.each(languageResult, function( index, val ) {
    //     $("#btyBxdaId").append("<option value='"+val.id+"'>"+val.xm+"</option>");
    // } );
    // form.render('select');

    /**
     * 检索会计
     */
    var kjAjax = new $ax(Feng.ctxPath + "/btyBxd/getKj");
    var kjResult = kjAjax.start();
    $.each(kjResult, function( index, val ) {
        $("#kj").append("<option value='"+val.kj+"'>"+val.kj+"</option>");
    } );
    form.render('select');
    /**
     * 检索店名
     */
    var dmAjax = new $ax(Feng.ctxPath + "/btyBxd/getDm");
    var dmResult = dmAjax.start();
    $.each(dmResult, function( index, val ) {
        $("#dm").append("<option value='"+val.dm+"'>"+val.dm+"</option>");
    } );
    form.render('select');

    // form.on('select(dm)', function(data){
    //     var eqy=data.value;
    //     if(eqy==""){
    //         $("#dm").html("");
    //         $("#dm").append("<option value=''>全部</option>");
    //         $("#xm").html("");
    //         $("#xm").append("<option value=''>全部</option>");
    //         $.each(dmResult, function( index, val ) {
    //             $("#dm").append("<option value='"+val.dm+"'>"+val.dm+"</option>");
    //         } );
    //         form.render('select');
    //         var languageAjax = new $ax(Feng.ctxPath + "/btyBxd/getBxrs");
    //         var languageResult = languageAjax.start();
    //         $.each(languageResult, function( index, val ) {
    //             $("#xm").append("<option value='"+val.xm+"'>"+val.xm+"</option>");
    //         } );
    //         form.render('select');
    //     }else{
    //         var qyAjax = new $ax(Feng.ctxPath + "/btyBxd/getBxr");
    //         qyAjax.set("dm",data.value);
    //         var qyResult = qyAjax.start();
    //         //alert(qyResult);
    //         $("#xm").html("");
    //         $("#xm").append("<option value=''>全部</option>");
    //         $.each(qyResult, function( index, val ) {
    //             $("#xm").append("<option value='"+val.xm+"'>"+val.xm+"</option>");
    //         });
    //         form.render('select');
    //     }
    // });

    imgViewer = function(img) {

        //页面层
        layer.open({
            type: 1,
            shade: 0.8,
            offset: 'auto',
            area: setpage(), //宽高
            shadeClose: false, //开启遮罩关闭
            scrollbar: false,
            maxmin: true,
            title: '点击图片旋转',
            end: function (index, layero) {
                return false;
            },
            content: '<div style="text-align:center;margin:0 auto"><img src="' + $(img).attr('src') + '" style="width: 80%;height: 90%" id="img"/></div>',
            success:function () {
                var current = 0;
                $('#img').click(function () {
                    current = (current+90)%360;
                    this.style.transform = 'rotate('+current+'deg)';

                });
            }
        });
    }

    setpage = function() {
        if ($(window).width() < 458) {
            return ['100%', '100%'];
        } else {
            return ['70%', '70%'];
        }
    }
    /**
     * 初始化表格的列
     */
    Notice.initColumn = function () {
        return [[
            {type: 'checkbox',LAY_CHECKED:true,hide:true},
            {field: 'id', align: "center", hide: true, sort: true, title: 'id', fixed: true},
            {align: 'center', type: "numbers", title: '序号', fixed: true,width: 50,},
            //{field: 'bh', align: "center", sort: true, title: '编号'},
            {field: 'dm', align: "left", sort: true, title: '店名',width:250, fixed: true},
            {field: 'ghs', align: "left", sort: false, title: '供货商',width:120},
            {field: 'zcje', align: "center", sort: false, title: '支出金额',edit: 'text',totalRow:true,width:130},
            {field: 'bxr', align: "left", sort: false, title: '报销人',width:100},
            {field: 'yhk', align: "left", sort: true, title: '银行卡号',width:190},
            {field: 'zy', align: "center", sort: false, title: '摘要',edit: 'text'},
            {field: 'bz', align: "center", sort: false, title: '备注',edit: 'text'},
            // {field: 'picture', align: "center", sort: false, title: '图片',templet: function (d) {
            //         if (d.picture === undefined || d.picture === "") {
            //             return "<p>暂无</p>";
            //         } else {
            //             return "<img src='"+ d.picture + "' style='height: 100%; max-width: 100%;' onclick='imgViewer(this)' >" ;
            //             //return '<div class="show_img"><img  src="'+d.picture+'" alt="" width="100px" height="100px"></div>';
            //         }
            //     }},
            {field: 'kj', align: "center", sort: false, title: '会计',width:100},
            {field: 'name', align: "center", sort: false, title: '操作员',width:100},
            {field: 'createTime', align: "center", sort: true, title: '创建时间',width:170},
            // templet:'<div>{{ layui.util.toDateString(d.createTime, "yyyy-MM-dd") }}</div>'},
            // {align: 'center', toolbar: '#tableBar', title: '操作', minWidth: 200}
        ]];
    };



    /**
     * 点击清空按钮
     */
    Notice.reset = function () {
        $('input').val('');
        $('#xm').val('');
        $('#dm').val('');
        $('#kj').val('');
        $('#flag').val('');
        $('#status').val('');
        form.render();
       $(function () {
           var tableResult = table.render({
               elem: '#' + Notice.tableId,
               url: Feng.ctxPath + '/btyBxd/listSearch',
               page: true,
               height: "full-59",
               cellMinWidth: 100,
               limit: 20,
               where:{status:$("#status").val()},
               totalRow:true,	//开启合计行
               cols: Notice.initColumn()
           });
       })
        // $( "#status" ).append( "<option value='0' selected>未审核</option>\n" +
        //     "                   <option value='1'>会计已审核</option>\n" +
        //     "                   <option value='9'>出纳已打款</option>" );
    };



    /**
     * 点击查询按钮
     */
    Notice.search = function () {
        var queryData = {};
        queryData['condition'] = $("#btyBxdaId").val();
        queryData['dm'] = $("#dm").val();
        queryData['status'] = $("#status").val();
        queryData['flag'] = $("#flag").val();
        queryData['timeLimit'] = $("#timeLimit").val();
        queryData['kj'] = $("#kj").val();
        queryData['btyBrandId'] = $("#btyBrandId").val();
        queryData['xm'] = $("#xm").val();
        table.reload(Notice.tableId, {
            where: queryData, page: {curr: 1}
        });
    };

    /**
     * 弹出添加通知
     */
    Notice.openAddNotice = function () {
        var dm=$("#dm").val();
        if(dm == ""){
            Feng.error("请选择店名!");
            return;
        }
        // var zcje=$("#zcje").val();
        // if(zcje == ""){
        //     Feng.error("请填写支出金额!");
        //     return;
        // }
        // var zy = $("#zy").val();
        // var bz = $("#bz").val();
        // var picture = $("#picture").val();
        //生成之前判断是否已经生成
        var ajax = new $ax(Feng.ctxPath + "/btyBxd/isCreate?dm=" +dm);
        var result = ajax.start();
        if(result===1){
            Feng.error("生成失败!该店已经生成数据！");
            return;
        }

        var dm = $("#dm").val();
        var ajax = new $ax(Feng.ctxPath + "/btyBxd/add", function (data) {
            Feng.success("添加成功!");
            table.reload(Notice.tableId);
        }, function (data) {
            Feng.error("添加失败!" + data.responseJSON.message + "!");
        });
        // ajax.set("btyBxdaId",btyBxdaId);
        // ajax.set("zcje",zcje);
        // ajax.set("zy",zy);
        // ajax.set("bz",bz);
        // ajax.set("picture",picture);
        ajax.set("dm",dm);
        ajax.start();
        // func.open({
        //     height: 1000,
        //     title: '添加报销单',
        //     content: Feng.ctxPath + '/btyBxd/btyBxd_add',
        //     tableId: Notice.tableId
        // });
    };
    /**
     * 弹出添加通知
     */
    Notice.one = function () {
        var dm=$("#dm").val();
        if(dm == ""){
            Feng.error("请选择店名!");
            return;
        }
        var  btyBxdaId=$("#btyBxdaId").val();
        if(btyBxdaId == ""){
            Feng.error("请选择报销人!");
            return;
        }
        // var zcje=$("#zcje").val();
        // if(zcje == ""){
        //     Feng.error("请填写支出金额!");
        //     return;
        // }
        var zcje = $("#zcje").val();
        var zy = $("#zy").val();
        var bz = $("#bz").val();
        //var picture = $("#picture").val();
        var ajax1 = new $ax(Feng.ctxPath + "/btyBxd/addOne", function (data) {
            Feng.success("添加成功!");
            table.reload(Notice.tableId);
        }, function (data) {
            Feng.error("添加失败!" + data.responseJSON.message + "!");
        });
        ajax1.set("btyBxdaId",btyBxdaId);
        ajax1.set("zcje",zcje);
        ajax1.set("zy",zy);
        ajax1.set("bz",bz);
        //ajax.set("picture",picture);
        ajax1.set("dm",dm);
        ajax1.start();
        // func.open({
        //     height: 1000,
        //     title: '添加报销单',
        //     content: Feng.ctxPath + '/btyBxd/btyBxd_add',
        //     tableId: Notice.tableId
        // });
    };
    /**
     * 点击删除通知
     *
     * @param data 点击按钮时候的行数据
     */
    Notice.onDeleteNotice = function (data) {
        var operation = function () {
            var ajax = new $ax(Feng.ctxPath + "/btyBxd/delete", function (data) {
                if(data==2){
                    Feng.error("已报销,不允许删除!");
                    return;
                }
                Feng.success("删除成功!");
                table.reload(Notice.tableId);
            }, function (data) {
                Feng.error("删除失败!" + data.responseJSON.message + "!");
            });
            ajax.set("id", data.id);
            ajax.start();
        };
        Feng.confirm("是否删除报销单 ?", operation);
    };
    /**
     * 点击修改档案
     *
     * @param data 点击按钮时候的行数据
     */
    Notice.onEditNotice = function (data) {
        func.open({
            height: 920,
            title: '修改报销单',
            content: Feng.ctxPath + "/btyBxd/btyBxd_update/" + data.id,
            tableId: Notice.tableId
        });
    };
    /**
     * 点击报销单审核
     * @param data 点击按钮时候的行数据
     */
    Notice.confirmOk = function () {
        var checkRows = table.checkStatus(Notice.tableId);
        var data = checkRows.data;
        var ids="";
        if (checkRows.data.length === 0) {
            Feng.error("请选择要确认的数据");
        }else{
            for (var i in data){
                ids+=data[i].id+",";
            }
            var ajax = new $ax(Feng.ctxPath + "/btyBxd/confirmOk", function (data) {
                if(data==1 || data==9){
                    Feng.error("已审核完成!请勿重复提交");
                    return;
                }
                Feng.success("审核成功!");
                table.reload(Notice.tableId);
            }, function (data) {
                Feng.error("审核失败!" + data.responseJSON.message + "!");
            });
            ajax.set("ids",ids);
            ajax.start();
        }

    };
    /**
     * 导出excel按钮
     */
    Notice.exportExcel = function () {
        //获取导出的数据
        var ajax = new $ax(Feng.ctxPath + "/btyBxd/listSearchExport");
        var condition = $("#condition").val();
        var dm = $("#dm").val();
        var status= $("#status").val();
        var flag = $("#flag").val();
        var timeLimit = $("#timeLimit").val();
        var kj = $("#kj").val();
        var btyBrandId = $("#btyBrandId").val();
        var xm = $("#xm").val();
        ajax.set("condition",condition);
        ajax.set("dm",dm);
        ajax.set("status",status);
        ajax.set("flag",flag);
        ajax.set("timeLimit",timeLimit);
        ajax.set("kj",kj);
        ajax.set("btyBrandId",btyBrandId);
        ajax.set("xm",xm);
        var result = ajax.start();
        var checkRows = table.checkStatus(Notice.tableId);
        if (checkRows.data.length === 0) {
            Feng.error("请选择要导出的数据");
        } else {
            //身份证银行卡导出excel科学计数法问题
            var lists=result;
            for(index in lists){
                var bh= lists[index].bh;
                var yhk= lists[index].yhk;
                lists[index].bh= bh+"\t";
                lists[index].yhk= yhk+"\t";

            }
            table.exportFile(tableResult.config.id, lists, 'xls');
        }
    };

    // 渲染表格
    var tableResult = table.render({
        elem: '#' + Notice.tableId,
        url: Feng.ctxPath + '/btyBxd/listSearch',
        page: true,
        height: "full-59",
        cellMinWidth: 100,
        limit: 20,
        where:{status:$("#status").val()},
        totalRow:true,	//开启合计行
        cols: Notice.initColumn()
    });

    // 清空按钮点击事件
    $('#btnReset').click(function () {
        Notice.reset();
    });

    // 搜索按钮点击事件
    $('#btnSearch').click(function () {
        Notice.search();
    });

    // 添加按钮点击事件
    $('#btnAdd').click(function () {
        Notice.openAddNotice();
    });
    // 添加按钮点击事件
    $('#btnOne').click(function () {
        Notice.one();
    });
    // 审核按钮点击事件
    $('#btnOk').click(function () {
        Notice.confirmOk();
    });
    // 导出excel
    $('#btnExp').click(function () {
        Notice.exportExcel();
    });

    // 工具条点击事件
    table.on('tool(' + Notice.tableId + ')', function (obj) {
        var data = obj.data;
        var layEvent = obj.event;

        if (layEvent === 'edit') {
            Notice.onEditNotice(data);
        } else if (layEvent === 'delete') {
            Notice.onDeleteNotice(data);
        }
    });
});
